
body {
    height:100%;
    width : 100%;
    margin-right: 0%;
    margin-left: 0%;
    
}
.label_ajout_adresse
{
    float : right;
    width : 80%;
    margin-bottom: 7px;        /*Permet un espacement entre les lignes de labels*/
    
    
}

.bloc_ajout_adresse h1
{
    color:#663300;

}
.bloc_ajout_adresse
{
    float:left;
}


.label_adresse{
    width : 60%;
    float : left;      /*Permet un espacement entre les lignes de labels*/

}

.modifier_une_adresse
{
    margin-top: 10px;
    color:#663300;
    float:left;
}
.modifier_mon_adresse
{
     margin-top: 300px;
    color:#663300;
    float:left;
}

.banniere {
    background-color : white;
    height:20%;
float:right;

}

.banniere a
{
    color: #666666;
    font-size : 100%;
    vertical-align : middle;
    margin-right : 0%;
}

.L_login  a
{
        color:#663300   ;
    text-align: right;
    margin-left:0%;
        margin-right:1%;
        margin-bottom: 0%;
            float:right;
            
}

.L_panier a
{
    color:#663300   ;
    margin-left:0%;
        margin-right:1%;
        margin-bottom: 0%;
    float:right;
}
.L_panier img
{
    margin-top: 8%;
}
#P_login
{
    color:#663300   ;
    text-align: right;
    margin-left:0%;
        margin-right:1%;
        margin-bottom: 0%;
        font-weight: bold;
}
.menu_gauche {
    background-color : white;
    width : 15%;
    float : left;
    margin-right:10%;
}

.menu_gauche .logo {
    width : 100%;
    margin-bottom : 10%;
    margin-left: 10%;
    margin-right: 10%;

}
.liens_accueil{
    color:  #663300  ;

}
#bloc_inscription {
    float : left;
}

.promo
{
        font-weight : bold; /* on met le texte en gras */
        font-size : 20px; /* hauteur du texte  */
        color : #663300;
        text-align : center;
        margin-left: 33%;
            margin-top: 0.2%;

}
.categorie .accueil {
    font-size : 150%;
    font-weight : bold; /* on met le texte en gras */

    text-decoration : underline;
    color : brown;
    text-align : center;
    margin-bottom : 10%;
    
}

caption {
font-family:sans-serif;
}
.categorie .categorie_mere {
    font-size : 125%;
    color : #663300;
    text-align : center;
    font-weight : bold; /* on met le texte en gras */
    margin-top: 0.2%;

}

.categorie .categorie_enfant {
    text-align : center;
color:black;
font-weight : bold; /* on met le texte en gras */
    margin-top: 0.2%;


}

.block_produits
{
    margin-top: 2%;
    width : 85%;    
  
}

.block_milieu_panier
{   
    
    width : 100%;   
}
.fil_arianne{
    margin-left: 18%;
    
    
}

.block_milieu { 
    white-space: nowrap;           
    width : 100%;
    margin-top: 2%;
}

.block_accueil {
    text-align : center;
}

.block_accueil img {
    display: block;
    width : 50%;
    margin-left: 0%;
    
    float:left;

}

.description_produit{
    font-style: normal;
}

.prix_produit {
    font-weight: bold;
}
.entete_vente_privee{
    width : 70%;
    background-color: #dadada;
        
}
.formulaire_adresse{
    width: 50%;
    margin:0 auto;
    background-color: gainsboro;
   padding-left: 7px;
   padding-top: 7px;
}


.footer {
    background-color : white;
    text-align : center;
    width : 100%;
    height: 20%;
    float: right;
   
}

.footer img {
    width   : 2%;
    
}
.footer p
{

       color: white;
       color: #666666; ;
}

.form_inscription{
    width:500px;
    margin:auto;
}

/* modif */
.coordonnees
{
    width : 40%;
    float : left;

}
.coordonnees h2
{
    color:#663300;
}
.coordonnees_sans_titre
{
        background-color:#d6d6d6;
    padding-top:  3%;
    padding-bottom: 3%;
    padding-left: 3%;
    padding-right: 5;
           font-weight: bold;

    border-radius: 10px;
}
#bouton_modifier
{
    margin-top: 5%;
    margin-bottom: 2%
}

#ajouter_adresse
{
color:black;
text-align: center;
margin-left: 30%;
margin-top: 2%;
}
.gestion_compte
{
    width : 40%;
    float : left;
    margin-top: 0%;
    padding-top:  1%;
    padding-bottom: 1%;
    padding-left: 1%;
    padding-right: -3px;
border-radius: 10px;
   background-color:#d6d6d6;
   font-weight: bold;

}

#titre_gestion_compte
{
    margin-top: 370px;
    display: block;
    color:#663300;
    
}
#titre_categorie
{
    color:#663300;
    text-align: center;
}

#bouton_modifier_coordonnees
{
    margin-top: 5.5%;
    margin-bottom: 4%;
}
#bouton_modifier_compte
{
        margin-top: 5.5%;

}
.label_inscription {
    display : block;
    clear : both;
    float : left;
    width : 70%;
    margin: 0 auto;
    margin-bottom: 20px;        /*Permet un espacement entre les lignes de labels*/
}

.titre_paiement{
    text-align: center;
    width: 60%;
    margin-left: 20%;
}
.conteneur_tableau_paiement {
    display:block;
    margin:0 auto;
    width: 60%;
 
}
.tableau_paiement {
    margin:0 auto;
}
.conteneur_tableau_paiement table{
    background-color: gainsboro;
}
.conteneur_tableau_paiement table thead:nth-of-type(1){
    background-color: gray;  
   
}
.conteneur_info_paiement{
    display:block;
    margin-left: 20%;
    text-align: center;
    width: 60%;
}
.tableau_panier{
    margin:0 auto;
}
.conteneur_tableau_panier{
    diplay: block;
    float:left;
    width: 60%;
    margin: 0 auto;
}

.conteneur_tableau_panier table{
    background-color: gainsboro;
}

.conteneur_tableau_panier table thead:nth-of-type(1){
    background-color: gray;   
}
.boutons_panier {
    display: block;
    float:left;
    margin-top: 20px;
    margin-left: 21%;
   
}


.bouton_acheter {
    float:right;
    margin-right: 25%;
    
} 
/* fin modif */
.label_inscription_titre{
    color : #a47036;   
    font-size:large;
    font-weight:bold;
    margin-bottom: 5%;
    
}
.label_valeur  {
    display : block;
    float : right;
    width : 30%;
    margin-bottom: 10px;        /*Permet un espacement entre les lignes de labels*/
}

.inscription_cgv {
    clear : both;
    width : 100%;       
}

.categorie_enfant a {
    text-decoration : none;
    color : black;
}

.categorie_utilise {
    text-decoration : underline;
    
}

.modification_compte {
    width : 45%;
    float : left;
}

.changement_mdp {
    width : 40%;
    float : left;
}

.label_gerer {
    display : block;
    width : 30%;
    float : left;
}

.block_ajoutpanier{
    width: 210px;
    
    
}

.block_ajoutpanier input:nth-of-type(1){
    float: right;
 
}
.block_ajoutpanier input:nth-of-type(2){
    
    
}

.label_gerer_valeur {
    display : block;
    width : 70%;
    float : left;
}

.produit_images {
    border : 1px solid black;
    width : 30%;
    float : left;
    margin-right : 3%;
    
   
}

.produit_images .cover img {
    width : 100%;
    height : 350px;
   
}

.produit_images .autres_images {
    border : 1px solid black;
    height : 130px;
    
}

.produit_images .autres_images .autre img {
    width : 35%;
    height : 130px;
}


.produit_description {
    float : left;
    width : 35%;
    text-align: left;
    
  
  
    
}

.div_produit {
    width : 20%;
    float:left;
    height:60%;
       


}
.div_produit p{
    display:inline;
    text-align: center;
}
#img_produit {
    width : 215px;
margin-left:25px;
height:190px;
margin-bottom: 0%;

}
#img_ajout
{
    margin-left:1%;
height:17px;
width: 20px;
}
.div_info_produit
{
    color:black;
    text-align:center;
}

.vente_privee a{
        color:#663300   ;
    margin-left:0%;
        margin-right:1%;
        margin-top:5%;
        margin-bottom: 0%;
        margin-left: 22%;
        font-weight: bold;
        font-size: 19px;

}
#menu_connexion_inscription, #menu_connexion_inscription ul /* Liste */    
{
        padding : 0; /* pas de marge intérieure */
        margin-top: 0%; /* ni extérieure */
        border: 0%;
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 22px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */

}

#menu_connexion_inscription /* Ensemble du menu */
{
        font-weight : bold; /* on met le texte en gras */
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 14px; /* hauteur du texte  */
       color : #663300; /* couleur du texte */

}
 
#menu_connexion_inscription a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        background : white; /* couleur de fond */       
        color : #663300; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 144px; /* largeur */
                font-size : 16px; /* hauteur du texte : 12 pixels */

}
 
#menu_connexion_inscription li /* Elements des listes */     
{
        float : right;
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */

}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu_connexion_inscription li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}
 
#menu_connexion_inscription li ul /* Sous-listes */
{
    display : none;
        position: absolute; /* Position absolue */
        width: 144px; /* Largeur des sous-listes */
}
 
 
#menu_connexion_inscription li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}
 
/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu_connexion_inscription li ul li               
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}
 
#menu_connexion_inscription li ul ul
{
        margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */     
}
 
/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu_connexion_inscription li ul ul               
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}
#menu_connexion_inscription a:hover /* Lorsque la souris passe sur un des liens */   
{
        color: #000; /* On passe le texte en noir... */
        background: #fff; /* ... et au contraire, le fond en blanc */
}

.block_vente_privee {
    margin-left : 25%;
}

.titre_categorie_mere {
    color : #a47036;
    width : 100%;
}

.titre_categorie {
    width : 100%;
}

.categorie_vide {
    font-size : 3em;
    margin-top : 10%;
    color : #a47036;
}

del {
    color : red;
}

.ancien_prix {
    color : black;
}

.h1_panier {
    font-family:sans-serif;
    letter-spacing: 0.1em;
}


.table_panier{
    width : 60%;
}
.table_panier td, .table_panier th{
    padding : 10px;
    font-size : 1.3em;
}
.table_panier thead tr th, .table_panier tbody tr td, .table_panier tfoot tr:first-child td{
    border : 1px solid black;
}
.table_panier tbody tr td, .table_panier tfoot tr{
    text-align : center;
}
.table_panier thead, .table_panier tfoot tr:first-child{
    background-color : #D1D1D1;
}
.table_panier tbody {
    background-color : #E8E8E8;
}

.bouton_panier a {
    display : inline-block;
    width : 30%;
    background-color : #A0A0A0;
    height : 2em;
    padding-top : 0.8em;
    font-size : 1.4em;
    color : white;
    font-weight : bold;
    letter-spacing : 0.1em;
}

.bouton_panier a {
    
}

body {
    height:100%;
    width : 100%;
    margin-right: 0%;
    margin-left: 0%;
    
}

.banniere {
    background-color : white;
    height:20%;
float:right;

}

.banniere a
{
    color: #666666;
    font-size : 100%;
    vertical-align : middle;
    margin-right : 0%;
}

.L_login  a
{
        color:#663300   ;
    text-align: right;
    margin-left:0%;
        margin-right:1%;
        margin-bottom: 0%;
            float:right;
            
}

.L_panier a
{
    color:#663300   ;
    margin-left:0%;
        margin-right:1%;
        margin-bottom: 0%;
    float:right;
}
.L_panier img
{
    margin-top: 8%;
}
#P_login
{
    color:#663300   ;
    text-align: right;
    margin-left:0%;
        margin-right:1%;
        margin-bottom: 0%;
        font-weight: bold;
}
.menu_gauche {
    background-color : white;
    width : 15%;
    float : left;
    margin-right:10%;
}

.menu_gauche .logo {
    width : 100%;
    margin-bottom : 10%;
    margin-left: 10%;
    margin-right: 10%;

}
.liens_accueil{
    color:  #663300  ;

}
#bloc_inscription {
    float : left;
}
.promo
{
        font-weight : bold; /* on met le texte en gras */
        font-size : 20px; /* hauteur du texte  */
        color : #663300;
        text-align : center;
        margin-left: 33%;
            margin-top: 0.2%;

}
.categorie .accueil {
    font-size : 150%;
    font-weight : bold; /* on met le texte en gras */

    text-decoration : underline;
    color : brown;
    text-align : center;
    margin-bottom : 10%;
    
}

caption {
font-family:sans-serif;
}
.categorie .categorie_mere {
    font-size : 125%;
    color : #663300;
    text-align : center;
    font-weight : bold; /* on met le texte en gras */
    margin-top: 0.2%;

}

.categorie .categorie_enfant {
    text-align : center;
color:black;
font-weight : bold; /* on met le texte en gras */
    margin-top: 0.2%;


}

.block_produits
{
    margin-top: 2%;
    width : 85%;    
  
}

.block_milieu_panier
{   
    
    width : 100%;   
}
.fil_arianne{
    margin-left: 18%;
    
    
}

.block_milieu { 
    white-space: nowrap;           
    width : 100%;
    margin-top: 2%;
}

.block_accueil {
    text-align : center;
}

.block_accueil img {
    display: block;
    width : 50%;
    margin-left: 0%;
    
    float:left;

}

.description_produit p{
    font-style: normal;
    width: 400px; 
    white-space: normal;
}

.prix_produit {
    font-weight: bold;
}
.entete_vente_privee{
    width : 70%;
    background-color: #dadada;
        
}
.formulaire_adresse{
    width: 50%;
    margin:0 auto;
    background-color: gainsboro;
   padding-left: 7px;
   padding-top: 7px;
}


.footer {
    background-color : white;
    text-align : center;
    width : 100%;
    height: 20%;
    float: right;
   
}

.footer img {
    width   : 2%;
    
}
.footer p
{

       color: white;
       color: #666666; ;
}

.form_inscription{
    width:500px;
    margin:auto;
}

/* modif */
.coordonnees
{
    width : 40%;
    float : left;

}
.coordonnees h2
{
    color:#663300;
}
.coordonnees_sans_titre
{
        background-color:#d6d6d6;
    padding-top:  3%;
    padding-bottom: 3%;
    padding-left: 3%;
    padding-right: 5;
           font-weight: bold;

    border-radius: 10px;
}
#bouton_modifier
{
    margin-top: 5%;
    margin-bottom: 2%
}

#ajouter_adresse
{
color:black;
text-align: center;
margin-left: 30%;
margin-top: 2%;
}
.gestion_compte
{
    width : 40%;
    float : left;
    margin-top: 0%;
    padding-top:  1%;
    padding-bottom: 1%;
    padding-left: 1%;
    padding-right: -3px;
border-radius: 10px;
   background-color:#d6d6d6;
   font-weight: bold;

}

#titre_gestion_compte
{
    margin-top: 370px;
    display: block;
    color:#663300;
    
}
#titre_categorie
{
    color:#663300;
    text-align: center;
}

#bouton_modifier_coordonnees
{
    margin-top: 5.5%;
    margin-bottom: 4%;
}
#bouton_modifier_compte
{
        margin-top: 5.5%;

}
.label_inscription {
    display : block;
    clear : both;
    float : left;
    width : 70%;
    margin: 0 auto;
    margin-bottom: 20px;        /*Permet un espacement entre les lignes de labels*/
}

.titre_paiement{
    text-align: center;
    width: 60%;
    margin-left: 20%;
}
.conteneur_tableau_paiement {
    display:block;
    margin:0 auto;
    width: 60%;
 
}
.tableau_paiement {
    margin:0 auto;
}
.conteneur_tableau_paiement table{
    background-color: gainsboro;
}
.conteneur_tableau_paiement table thead:nth-of-type(1){
    background-color: gray;  
   
}
.conteneur_info_paiement{
    display:block;
    margin-left: 20%;
    text-align: center;
    width: 60%;
}
.tableau_panier{
    margin:0 auto;
}
.conteneur_tableau_panier{
    diplay: block;
    float:left;
    width: 60%;
    margin: 0 auto;
}

.conteneur_tableau_panier table{
    background-color: gainsboro;
}

.conteneur_tableau_panier table thead:nth-of-type(1){
    background-color: gray;   
}
.boutons_panier {
    diplay: block;
    float:left;
    margin-top: 20px;
    margin-left: 21%;
   
}


.bouton_acheter {
    float:right;
    margin-right: 25%;
    
} 
/* fin modif */
.label_inscription_titre{
    color : #a47036;   
    font-size:large;
    font-weight:bold;
    margin-bottom: 5%;
    
}

.label_valeur  {
    display : block;
    float : right;
    width : 30%;
    margin-bottom: 10px;        /*Permet un espacement entre les lignes de labels*/
}

.inscription_cgv {
    clear : both;
    width : 100%;       
}

.categorie_enfant a {
    text-decoration : none;
    color : black;
}

.categorie_utilise {
    text-decoration : underline;
    
}

.modification_compte {
    width : 45%;
    float : left;
}

.changement_mdp {
    width : 40%;
    float : left;
}

.label_gerer {
    display : block;
    width : 30%;
    float : left;
}

.block_ajoutpanier{
    width: 210px;
    
    
}

.block_ajoutpanier input:nth-of-type(1){
    float: right;
 
}
.block_ajoutpanier input:nth-of-type(2){
    
    
}

.label_gerer_valeur {
    display : block;
    width : 70%;
    float : left;
}

.produit_images {
    border : 1px solid black;
    width : 30%;
    float : left;
    margin-right : 3%;
    
   
}

.produit_images .cover img {
    width : 100%;
    height : 350px;
   
}

.produit_images .autres_images {
    border : 1px solid black;
    height : 130px;
    
}

.produit_images .autres_images .autre img {
    width : 35%;
    height : 130px;
}


.produit_description {
    float : left;
    width : 35%;
    text-align: left;
    
  
  
    
}

.div_produit {
    width : 20%;
    float:left;
    height:60%;
       


}
.div_produit p{
    display:inline;
    text-align: center;
}
#img_produit, .image_produit {
    width : 215px;
margin-left:25px;
height:190px;
margin-bottom: 0%;

}
#img_ajout
{
    margin-left:1%;
height:17px;
width: 20px;
}
.div_info_produit
{
    color:black;
    text-align:center;
}

.vente_privee a{
        color:#663300   ;
    margin-left:0%;
        margin-right:1%;
        margin-top:5%;
        margin-bottom: 0%;
        margin-left: 22%;
        font-weight: bold;
        font-size: 19px;

}
#menu_connexion_inscription, #menu_connexion_inscription ul /* Liste */    
{
        padding : 0; /* pas de marge intérieure */
        margin-top: 0%; /* ni extérieure */
        border: 0%;
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 22px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */

}

#menu_connexion_inscription /* Ensemble du menu */
{
        font-weight : bold; /* on met le texte en gras */
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 14px; /* hauteur du texte  */
       color : #663300; /* couleur du texte */

}
 
#menu_connexion_inscription li /* Elements des listes */     
{
        float : right;
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */

}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu_connexion_inscription li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}
 
#menu_connexion_inscription li ul /* Sous-listes */
{
    display : none;
        position: absolute; /* Position absolue */
        width: 144px; /* Largeur des sous-listes */
}
 
 
#menu_connexion_inscription li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}
 
/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu_connexion_inscription li ul li               
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}
 
#menu_connexion_inscription li ul ul
{
        margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */     
}
 
/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu_connexion_inscription li ul ul               
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}
#menu_connexion_inscription a:hover /* Lorsque la souris passe sur un des liens */   
{
        color: #000; /* On passe le texte en noir... */
        background: #fff; /* ... et au contraire, le fond en blanc */
}

.block_vente_privee {
    margin-left : 25%;
}

.titre_categorie_mere {
    color : #a47036;
    width : 100%;
}

.titre_categorie {
    width : 100%;
}

.categorie_vide {
    font-size : 3em;
    margin-top : 10%;
    color : #a47036;
}

del {
    color : red;
}

.ancien_prix {
    color : black;
}

.h1_panier {
    font-family:sans-serif;
    letter-spacing: 0.1em;
}


.table_panier{
    width : 60%;
}
.table_panier td, .table_panier th{
    padding : 10px;
    font-size : 1.3em;
}
.table_panier thead tr th, .table_panier tbody tr td, .table_panier tfoot tr:first-child td{
    border : 1px solid black;
}
.table_panier tbody tr td, .table_panier tfoot tr{
    text-align : center;
}
.table_panier thead, .table_panier tfoot tr:first-child{
    background-color : #D1D1D1;
}
.table_panier tbody {
    background-color : #E8E8E8;
}

.bouton_panier a {
    display : inline-block;
    width : 30%;
    background-color : #A0A0A0;
    height : 2em;
    padding-top : 0.8em;
    font-size : 1.4em;
    color : white;
    font-weight : bold;
    letter-spacing : 0.1em;
}

.block_panier {
    width : 70%;
    float:left;
}

.block_confirmation_paiement {
    float : left;
    background-color : #D1D1D1;
    box-shadow: 4px 4px 0px #aaa; 
    width : 30%;
    margin : 1%;
    text-align : center;
    min-height : 150px;
}

.resume_commande {
    font-size : 1.2em;
    margin-bottom : 2%;
}

.oubli_mdp {
    font-size : 75%;
}

.div_oubli_mdp {
    margin-top : 10%;
}

.div_oubli_mdp input[type=submit] {
    width : 200px;
    font-size : 1.5em;
}


#block_connexion {
    background : #F1F1F1;
    padding : 10px !important;
    border-radius:0px 0px 20px 20px;
    box-shadow: 8px 8px 0px #E1E1E1; 
}

#block_connexion a{
    background : #F1F1F1;
}

.etoile_inscription {
    color : red;
}
